<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>新手指引</title>
	<meta content="width=device-width, initial-scale=1.0, user-scalable=0" name="viewport" />
	<!-- <meta content="yes" name="apple-touch-fullscreen">     -->
	<!-- <meta content="black" name="apple-mobile-web-app-status-bar-style">     -->
	<meta content="telephone=no" name="format-detection">
	<link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/zzsc.css">
  <script> 
       //自动获取浏览器视口大小 
       (function (doc, win) {    
       	var docEl = doc.documentElement,    
       	resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',    
       	recalc = function () {    
       		var clientWidth = docEl.clientWidth;    
       		if (!clientWidth) return;    
       		docEl.style.fontSize = 20 * (clientWidth / 375) + 'px';    
       	};    
       	if (!doc.addEventListener) return;    
       	win.addEventListener(resizeEvt, recalc, false);    
       	doc.addEventListener('DOMContentLoaded', recalc, false);    
       })(document, window);
     </script>		
   </head>
   <body>
    <div id="container">
      <div class="banner"><img src="images/img_topbanner.png" alt=""></div>
      <!-- 代码 开始 -->
      <div class="main">
        <div class="newBox_title">
          <p>新用户投资引导手册</p>
        </div>
        <ul id="#cardArea" class="reg_box">
          <!-- 注册/登录模块 -->
          <li class="reg_list">
            <div class="newBox_item">
              <div class="newBox_header">
                <p class="newBox_icon"></p>
                <p>注册/登录</p>
                <p class="newBox_iconUp">
                  <img src="images/icon_down.png" style="width: 5%;" class="transbefor"/>
                </p>
              </div>
              <div class="newBox_content">
                <div class="newBox_box">
                  <ul id="newBoxUi" class="newBox_imgList clearfix newImg">
                    <li><img src="images/reg1.png" alt="注册登录"><span class="pic-txt"> </span></li>
                    <li><img src="images/reg2.png" alt="注册登录"><span class="pic-txt"> </span></li>
                  </ul>
                </div>
                <!-- slide 切换按钮 -->
                <ul id="smallSlideUl" class="info-btn clearfix">
                  <li class="info-cur whereSp" id="mypic0" sid="0"><span>1</span></li>
                  <li class="whereSp" id="mypic1" sid="1"><span>2</span></li>
                </ul>                
              </div>
            </div>                               
          </li>
          <!-- 绑卡/签约 -->
          <!--<li class="reg_list">-->
            <!--<div class="newBox_item">-->
              <!--<div class="newBox_header">-->
                <!--<p class="newBox_icon2"></p>-->
                <!--<p>绑卡/签约</p>-->
                <!--<p class="newBox_iconUp"></p>-->
              <!--</div>-->
              <!--<div class="newBox_content">-->
                <!--<div id="newBoxUi" class="newBox_box newImg">-->
                  <!--<ul class="newBox_imgList">-->
                    <!--<li><img src="images/bind_card1.png" alt="绑卡签约"></li>-->
                    <!--<li><img src="images/bind_card2.png" alt="绑卡签约"></li>-->
                  <!--</ul>                                         -->
                <!--</div>-->
                <!--&lt;!&ndash; slide 切换按钮 &ndash;&gt;-->
                <!--<ul id="smallSlideUl33" class="info-btn clearfix">-->
                  <!--<li class="info-cur" id="mypic0" sid="0"><span>1</span></li>-->
                  <!--<li id="mypic1" sid="1" info-cur><span>2</span></li>-->
                <!--</ul>               -->
              <!--</div>                                    -->
            <!--</li>-->
            <!--&lt;!&ndash; 充值模块 &ndash;&gt;-->
            <!--<li class="reg_list">-->
              <!--<div class="newBox_item">-->
                <!--<div class="newBox_header">-->
                  <!--<p class="newBox_icon3"></p>-->
                  <!--<p>充值&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>-->
                  <!--<p class="newBox_iconUp"></p>-->
                <!--</div>-->
                <!--<div class="newBox_content">-->
                  <!--<div class="newBox_box">-->
                    <!--<ul class="newBox_imgList">-->
                      <!--<li><img src="images/recharge1.png" alt="充值"></li>-->
                      <!--<li><img src="images/recharge2.png" alt="充值"></li>-->
                    <!--</ul>-->
                    <!--&lt;!&ndash; 轮播圆点 &ndash;&gt;-->
                  <!--</div>-->
                <!--</div>-->
              <!--</div>                                    -->
            <!--</li>-->
            <!--&lt;!&ndash; 投资模块 &ndash;&gt;-->
            <!--<li class="reg_list">-->
              <!--<div class="newBox_item">-->
                <!--<div class="newBox_header">-->
                  <!--<p class="newBox_icon4"></p>-->
                  <!--<p>投资&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>-->
                  <!--<p class="newBox_iconUp"></p>-->
                <!--</div>-->
                <!--<div class="newBox_content">-->
                  <!--<div class="newBox_box">-->
                    <!--<ul class="newBox_imgList">-->
                      <!--<li><img src="images/investment1.png" alt="投资"></li>-->
                      <!--<li><img src="images/investment2.png" alt="投资"></li>-->
                      <!--<li><img src="images/investment3.png" alt="投资"></li>-->
                    <!--</ul>-->
                    <!--&lt;!&ndash; 轮播圆点 &ndash;&gt;-->
                    <!--<ol>-->
                      <!--<li></li>-->
                      <!--<li></li>-->
                    <!--</ol>-->
                  <!--</div>-->
                <!--</div>-->
              <!--</div>                                    -->
            <!--</li>-->
            <!--&lt;!&ndash; 提现模块 &ndash;&gt;-->
            <!--<li class="reg_list">-->
              <!--<div class="newBox_item">-->
                <!--<div class="newBox_header">-->
                  <!--<p class="newBox_icon5"></p>-->
                  <!--<p>提现&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>-->
                  <!--<p class="newBox_iconUp"></p>-->
                <!--</div>-->
                <!--<div class="newBox_content">-->
                  <!--<div class="newBox_box">-->
                    <!--<ul class="newBox_imgList">-->
                      <!--<li><img src="images/cash1.png" alt="提现"></li>-->
                      <!--<li><img src="images/cash2.png" alt="提现"></li>-->
                    <!--</ul>-->
                    <!--&lt;!&ndash; 轮播圆点 &ndash;&gt;-->
                    <!--<ol>-->
                      <!--<li></li>-->
                      <!--<li></li>-->
                    <!--</ol>-->
                  <!--</div>-->
                <!--</div>-->
              <!--</div>                                    -->
            <!--</li>-->
          </ul>    
        </div>
        <div class="footer">
          <div class="footer_content">
            <p class="p1"><img src="images/icon_service.png" alt="">400-6800-086</p>
            <p class="p2">服务时间：工作日9：00~17：00</p>
          </div>
        </div>
      </div>
      <script src="js/jquery.min.js"></script>
    <script src="js/lunbo.js"></script>
      <script type="text/javascript">

// 导航折叠面板
$(".newBox_header").click(function(){
//  $(this).find(".newBox_content").css("display","block");
//  $(this).removeClass("active");
  if($(this).hasClass("active")){
                // $(this).find("icon_jian").removeClass("newBox_iconUp").addClass("newBox_iconDown");
                $(this).removeClass("active").next().slideUp();
//                $(this).find(".newBox_iconUp img").addClass("transafterss");
    $(this).find(".newBox_iconUp img").addClass("transafterss").removeClass("transafter");

              }
              else{
                // $(this).find("icon_jian").removeClass("newBox_iconDown").addClass("newBox_iconUp");
                $(this).addClass("active").next().slideDown();
    $(this).find(".newBox_iconUp img").addClass("transafter").removeClass("transafterss");


              }
//  $(".newBox_iconUp img").addClass("transafter");
//  $(this).children("img").addClass("transafter");

            });
      </script>
   </body>
</html>